<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索</title>
    <meta name="viewport" content="width=device-width , initial-scale=1.0, maximum-scale=1.0,
    minimum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../style/search.css">
    <script src="../js/search.js"></script>
</head>
<body>
<div class="wrapper">
    <!---------------------------------header------------------------------------>
    <header><span class="iconfont">&#xe610;</span></header>
    <!---------------------------------search------------------------------>
    <div class="search">
        <form>
            <input type="submit" class="iconfont" value="&#x343e;">
            <input type="text" placeholder="请输入搜索内容">
        </form>
    </div>
    <!--------------------------------container---------------------------->
    <div id="container">
        <div>
            <div id="all">
                <span>全部</span><span id="span" class="iconfont">&#xe627;</span>
            </div>
            <ul id="list">
                <li>
                    <div class="content">
                        <span>衬衫</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
                <li>
                    <div class="content">
                        <span>女装T恤</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
                <li>
                    <div class="content">
                        <span>珠宝配饰</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
                <li>
                    <div class="content">
                        <span>美食保健</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
                <li>
                    <div class="content">
                        <span>化妆品</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
                <li>
                    <div class="content">
                        <span>生活家居</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
                <li>
                    <div class="content">
                        <span>户外运动</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
                <li>
                    <div class="content">
                        <span>品牌专场</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
                <li>
                    <div class="content">
                        <span>婴儿用品</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
                <li>
                    <div class="content">
                        <span>家电</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
                <li>
                    <div class="content">
                        <span>户外运动</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
                <li>
                    <div class="content">
                        <span>品牌专场</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
                <li>
                    <div class="content">
                        <span>婴儿用品</span><span class="iconfont">&#xe607;</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!----------------------------footer----------------------------------->
    <footer>
        <ul>
            <li>
                <a href="index.html">
                    <span class=" iconfont">&#xe60e;</span>
                    <strong>首页</strong>
                </a>
            </li>
            <li class="active">
                <a href="search.html">
                    <span class=" iconfont">&#x3553;</span>
                    <strong>分类</strong>
                </a>
            </li>
            <li >
                <a href="shopcar.html">
                    <span class=" iconfont">&#xe653;</span>
                    <strong>购物车</strong>
                </a>
            </li>
            <li>
                <a href="myshow.html">
                    <span class=" iconfont">&#xe603;</span>
                    <strong>我的秀</strong>
                </a>
            </li>
            <li>
                <a href="more.html">
                    <span class=" iconfont">&#xe669;</span>
                    <strong>更多</strong>
                </a>
            </li>
        </ul>
    </footer>
</div>
</body>
</html>